<template>
  <div id="tab-bar">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "TabBar"
}
</script>

<style >
#tab-bar {
  display:flex;
  background-color: #f6f6f6;
  /* fixed 相对于窗口的绝对定位*/
  position: fixed;
  left: 0;
  right: 0;
  bottom:0;
  /*  home.水平阴影的位置 2.垂直阴影的位置 3.模糊距离 4.颜色*/
  box-shadow: 0px -2px 10px rgba(100,100,100,0.2);
}

</style>
